$(document).ready(function(){

    $(".next-1").click(function(){

        var $f_name = $("#f_name_input").val();
        var $f_phone = $("#f_phone_input").val();
        var $f_address = "广东省广州市从化区"+$("#f_address_text").val();

        //判断必填项是否为空
        if ($f_name=="" ||$f_phone==""||$("#f_address_text").val()==""){
            layer.msg("寄件人信息不能为空！");
        }else {
            $("#div-show-1").removeClass("layui-show");
            $("#div-show-2").addClass("layui-show");
            $(".point-1").text("✔");
            $(".point-2").addClass("done");
            $(".point-2").text("┅");
            $("#progress-id").css("width","150px");
        }


    });

    $(".next-2").click(function(){

        //获取订单信息
        var $f_name = $("#f_name_input").val();
        var $f_phone = $("#f_phone_input").val();
        var $f_address = "广东省广州市从化区"+$("#f_address_text").val();
        var $t_name = $("#t_name_input").val();
        var $t_phone = $("#t_phone_input").val();
        var $t_address = "广东省广州市从化区"+$("#t_address_text").val();
        if ($t_name=="" ||$t_phone==""||$("#t_address_text").val()==""){
            layer.msg("收件人信息不能为空！");
            return;
        }
        $("#div-show-2").removeClass("layui-show");
        $("#div-show-3").addClass("layui-show");
        $(".point-2").text("✔");
        $(".point-3").addClass("done");
        $(".point-3").text("┅");
        $("#progress-id").css("width","300px");



        $("#f_name").text($f_name);
        $("#f_phone").text($f_phone);
        $("#f_address").text($f_address);
        $("#t_name").text($t_name);
        $("#t_phone").text($t_phone);
        $("#t_address").text($t_address);
    });

    $(".next-3").click(function(){
        $("#div-show-3").removeClass("layui-show");
        $("#div-show-4").addClass("layui-show");
        $(".point-3").text("✔");
        $(".point-4").addClass("done");
        $(".point-4").text("┅");
        $("#progress-id").css("width","450px");
    });
    $(".next-4").click(function(){

        //提交订单
        var $f_name = $("#f_name_input").val();
        var $f_phone = $("#f_phone_input").val();
        var $f_address = "广东省广州市从化区"+$("#f_address_text").val();
        var $t_name = $("#t_name_input").val();
        var $t_phone = $("#t_phone_input").val();
        var $t_address = "广东省广州市从化区"+$("#t_address_text").val();

        $(":checkbox[name=tipf]:checked").val();
        $.get("/customer/addPackage",{
            "sendName":$f_name,
            "sendPhone":$f_phone,
            "sendAddress":$f_address,
            "receiptName":$t_name,
            "receiptPhone":$t_phone,
            "receiptAddress":$t_address,
            "description":$("#word").val(),
            "saveF":$(':radio[name=save_f]:checked').val()=="是"?1:0,
            "saveT":$(':radio[name=save_t]:checked').val()=="是"?1:0,
            "tipF":$(":checkbox[name=tipf]:checked").val(),
            "tipT":$(":checkbox[name=tipt]:checked").val()
        },function (data) {

            if (data.code == 200){
                $("#p_id").val(data.data.p_id);
                if (data.data.c!=null){
                    $("#kd").text(data.data.c.realName);
                    $("#kd_phone").text(data.data.c.user.phone);
                    console.log(data.data.c.realName);
                }

                console.log(data.data);
                layer.alert(data.msg, {icon: 6});

            }
            else if (data.code == 500){
                layer.alert(data.msg, {icon: 5});
                return;
            }
        });

        $("#div-show-4").removeClass("layui-show");
        $("#div-show-5").addClass("layui-show");
        $(".point-4").text("✔");
        $(".point-5").addClass("done");
        $(".point-5").text("✔");
        $("#progress-id").css("width","600px");
    });

    $(".back-2").click(function(){
        $("#div-show-2").removeClass("layui-show");
        $("#div-show-1").addClass("layui-show");
        $(".point-2").removeClass("done")
        $(".point-1").text("┅");
        $("#progress-id").css("width","0px");
    });

    $(".back-3").click(function(){
        $("#div-show-3").removeClass("layui-show");
        $("#div-show-2").addClass("layui-show");
        $(".point-3").removeClass("done")
        $(".point-2").text("┅");
        $("#progress-id").css("width","150px");
    });
    $(".back-4").click(function(){
        $("#div-show-4").removeClass("layui-show");
        $("#div-show-3").addClass("layui-show");
        $(".point-4").removeClass("done")
        $(".point-3").text("┅");
        $("#progress-id").css("width","300px");
    });
    $(".back-5").click(function(){

        layer.confirm('您是否取消订单？', {
            btn: ['是','否'] //按钮
        }, function(){
            $.post("/customer/cancelPackage",{"packageId":$("#p_id").val()},function (data) {

                if (data.code == 200){
                    layer.msg(data.msg, {icon: 1});
                }else if (data.code == 500){
                    layer.msg(data.msg, {icon: 2});
                }

            });

        }, function(){
        });

        /*
        $("#div-show-5").removeClass("layui-show");
        $("#div-show-4").addClass("layui-show");
        $(".point-5").removeClass("done")
        $(".point-4").text("┅");
        $("#progress-id").css("width","450px");
        */
    });
});
//Demo
layui.use('form', function(){
    var form = layui.form;

    //监听提交
    form.on('submit(formDemo)', function(data){
        layer.msg(JSON.stringify(data.field));
        return false;
    });
});

//注意：导航 依赖 element 模块，否则无法进行功能性操作
layui.use('element', function(){
    var element = layui.element;

});